<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我要牛奶网</title>
	<%
		String path = request.getContextPath();
		String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	%>
	<base href="<%=basePath%>">
	<link  rel="stylesheet"  type="text/css"  href="<%=basePath %>/template/shop/css/header.css" >
	<script  src="<%=basePath %>/template/shop/js/jquery-1.11.1.min.js"  type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
			$("#cart1").mouseenter(function(){
				//alert();
			    $("#cart").show();
			  });
			  $("#cart1").mouseleave(function(){
			    $("#cart").hide();
			  });
		});
	</script>
	
</head>
<body>
	<div id="navTotal">
		    <div class="HER--nav">
			    <ul class="list-none width">
					<li class="fl HER--nav-metlang">
						<a title="设为首页" style="cursor:pointer;" href="http://m.tmp.metinfo.cn/met089/274/#">设为首页</a><span>|</span>
						<a title="收藏本站" style="cursor:pointer;" href="http://m.tmp.metinfo.cn/met089/274/#">收藏本站</a><span>|</span>
						<a title="手机版" href="http://m.tmp.metinfo.cn/met089/274/index.php?pcok=wap&amp;met_mobileok=1">手机版</a>
					</li>
				   	 
					<c:choose>
					    <c:when test="${not empty sessionScope.loginUser}">
					   		<li class="fr HER--nav-Helpline">
							<span>您好<%=request.getSession().getAttribute("loginUser") %>，欢迎来到我要牛奶网！</span>
							<a style="color: #9b9b9b" title="手机版" href="account/logout">[退出] </a>
							</li>
					    </c:when>
					    <c:otherwise>
					   		 <li class="fr HER--nav-Helpline">
							<span>您好，欢迎来到我要牛奶网！</span>
							<a style="color: #9b9b9b" title="手机版" href="account/login">[登录] </a>
							<a style="color: #9b9b9b" title="手机版" href="account/register">[免费注册] </a>
							</li>
					    </c:otherwise>
				    </c:choose>
				</ul>
			</div>
			
			<div class="HER--con position">
			    <div class="width DG-nav" style="height: 47px;">
			      <div class="HER--con-logo fl">
					<a id="web_logo" title="" href="http://tmp.metinfo.cn/met089/274/">
						<img style="margin:0px 0px 0px 0px;" title="" alt="" src="">
						<span style="color: white;font-size: 26px;">我要牛奶网</span>
					</a>
			      </div>
			      <nav class="DG-nav fr met_nav">
			      	<ul class="list-none">
				      	<li class="navdown" style="width:116px;" id="nav_10001">
				      		<a class="nav" title="首页" href="index/"><span>首页</span></a>
				      	</li>
				      	<li class="HER--con-line"> </li><li style="width:116px;" id="nav_1">
				      		<a class="hover-none nav" title="关于我们" href="http://m.tmp.metinfo.cn/met089/274/about/"><span>关于我们</span></a>
				      	</li>
				      	<li class="HER--con-line"> </li><li style="width:115px;" id="nav_2">
				      		<a class="hover-none nav" title="新闻资讯" href="http://m.tmp.metinfo.cn/met089/274/news/"><span>新闻资讯</span></a></li><li class="HER--con-line">
				      	</li>
				      	<li style="width:115px;" id="nav_3">
				      		<a class="hover-none nav" title="产品展示" href="http://m.tmp.metinfo.cn/met089/274/product/"><span>产品展示</span></a>
				      	</li>
				      	<li class="HER--con-line"> </li><li style="width:115px;" id="nav_36">
				      		<a class="hover-none nav" title="诚聘英才" href="http://m.tmp.metinfo.cn/met089/274/job/"><span>诚聘英才</span></a></li><li class="HER--con-line">
				      		
				      	</li>
				      	<li style="width:115px;" >
				      		<div><a class="hover-none nav" title="购物车" href=""><span>购物车</span></a></div>
				      		
							
				      	</li>
			      	</ul>
			      </nav>
                  <div class="clear"> </div>
			   </div>
			   	<div style="background: url('template/shop/images/bg_nav.jpg') repeat-x;height: 54px;" id="nav2">
				<div style="width: 1000px;margin: 0 auto;height: 50px;'">
					
					<div id="search">
						<form id="frm_search" action="/Products/Search">
		                <input type="text" style="background: url('template/shop/images/bg_search.jpg') scroll -5px -8px;" id="keywords" name="keywords" value="" class="keyword_empty">
		                <input type="submit" style="background: url('template/shop/images/bg_search.jpg') scroll -240px -8px;" id="submit" value="" class="search_static">
		                </form>
		                <span id="tag">
		                	<a href="/Products/Search?keywords=%E8%93%9D%E5%AE%9D%E7%9F%B3">蓝宝石</a> 
		                	<a href="/Products/Search?keywords=%E5%A4%A9%E7%84%B6%E7%B4%AB%E6%99%B6%E6%B4%9E">天然紫晶洞</a> 
		                	<a href="/Products/Search?keywords=%E5%B0%8F%E7%90%85%E9%AB%98">小琅高</a>
		                </span>
		            </div>
		            
		            <div style="background: url('template/shop/images/bg_cart.jpg') scroll 0px -0px;float: right;width: 241px;margin-top: 0px;height: 50px;" id="cart1">
						<span id="cartWord"><a href="javascript:void(0);">购物车 <b>36</b> 件</a></span>
						<div style="position: absolute;">
								<div style="display: none;" id="cart">
								    <div class="smt">
								        <h4 class="fl">最新加入的商品</h4>
								    </div>
								    <div class="smc">
								        <ul id="mcart-sigle">
								            <li>
								                <div class="p-img fl">
								                    <a target="_blank" href="http://item.jd.com/1026137.html">
								                        <img width="50" height="50" alt="" src="Insert%20title%20here_files/rBEhVFKmi3YIAAAAAAElW1bmIREAAGmAwB8NkkAASVz792.jpg">
								                    </a>
								                </div>
								                <div class="p-name fl">
								                    <a target="_blank" title="Kindle Paperwhite 6英寸电子书阅读器（第二代） 2G内存 内置wifi 护眼非反光电子墨水屏 黑色" href="http://item.jd.com/1026137.html">
								                        <div>Kindle Paperwhite 6英寸电子书阅读器（第二代） 2G内存 内置wifi 护眼非反光电子墨水屏 黑色</div>
								                    </a>
								                </div>
								                <div class="p-detail fr ar">
								                    <div class="p-price">
								                        <strong>￥899.00</strong>
								                    </div>
								                    <br>
								                    <a href="#delete" data-type="RemoveProduct"  class="delete">删除</a>
								                </div>
								            </li>
								        </ul>
								        
								        <ul id="mcart-mz">
								            <li>
								                <div class="p-img fl">
								                    <a target="_blank" href="http://item.jd.com/992304.html">
								                        <img width="50" height="50" alt="" src="Insert%20title%20here_files/rBEhVVMw73sIAAAAAAHawXTyG6UAAKxwwGu1HcAAdrZ488.jpg">
								                    </a>
								                </div>
								                <div class="p-name fl">
								                    <a target="_blank" title="华为 G610-T11 3G手机（白） TD-SCDMA/GSM双卡双待" href="http://item.jd.com/992304.html">
								                        	<div>华为 G610-T11 3G手机（白） TD-SCDMA/GSM双卡双待</div>
								                    </a>
								                </div>
								                <div class="p-detail fr ar">
								                    <div class="p-price">
								                        <strong>￥799.00</strong>
								                    </div>
								                    <br>
								                    <a href="#delete" data-type="RemoveSuit" class="delete">删除</a>
								                </div>
								            </li>
								        </ul>
								    </div>
								    <div class="smb ar">
								        	共<b>2</b>件商品&#12288;共计<strong>￥ 1698.00</strong><br>
								        <a id="btn-payforgoods" title="去购物车结算" href="">去购物车结算</a>
								    </div>
								</div>
							</div>
					</div>
				</div>
				
			</div>
			   				
			</div>
		</div>
		<script type="text/javascript">
			//$("#navTotal").width(document.body.scrollWidth);
		</script>
</body>
</html>